<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>个人账户</title>
	
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<style type="text/css" >
		.personAccountForm{margin-left:256px;}
		.action .pages .personAccountForm .paSubmit {margin-left:150px;}
		.action .pages .personAccountForm div{margin:5px;}
		.asterisk{color:red;}
	</style>
	
	<script type="text/javascript">
		function checkUsername()
		{
			var username=document.getElementById("username");
			with(username)
			{
				if(value==null || value=="")
				{
					alert("用户名不能为空！");
					return false;
				}
			}
			return true;
		}
		function checkPassword()
		{
			var password=document.getElementById("password");
			with(password)
			{
				if(value==null || value=="")
				{
					alert("密码不能为空！");
					return false;
				}
			}
			return true;
		}
		function checkSubmit()
		{
			if(checkUsername())
			{
				if(checkPassword())
				{
					return true;
				}
			}
			return false;
		}
	</script>
</head>
<body>
	<div class="action">
		<div class="t">
			个人账户
		</div>
		<div class="pages">
			<form class="personAccountForm" onsubmit="checkSubmit()">
				<div>用户名：<input type="text" id="username" onblur="checkUsername()"/><span class="asterisk">*</span></div>
				<div>&nbsp;&nbsp;密码：<input type="text" id="password" onblur="checkPassword()"/><span class="asterisk">*</span></div>
				<br/>
				<div class="paSubmit">
					<input type="submit" value="保存数据"/>
					&nbsp;<input type="button" value="返回"/>
				</div>
			</form>
				
		</div>
	</div>
</body>
</html>